﻿<!--
  Copyright 2013
  Ubiquitous Knowledge Processing (UKP) Lab
  Technische Universität Darmstadt
  
  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at
  
    http://www.apache.org/licenses/LICENSE-2.0
  
  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
-->
<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd">
<body>
	<wicket:extend>
		<table class="hfill">
			<tr>
				<td style="width: 50%; padding: 0px;">
					<form wicket:id="parentOptions" method="post" action="?">
						<fieldset class="ui-widget-content ui-corner-all" style="padding: 0px; margin-bottom: 6px;">
							<table class="inline-labels">
								<tr>
									<td><label>Corpus:</label> <select wicket:id="collectionId"></select>
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label>Type:</label> <select wicket:id="type"></select></td>
								</tr>
							</table>
						</fieldset>
					</form>
					<div wicket:id="tabs">
						<ul>
							<li><a href="#tab1">Query</a>
							</li>
							<li><a href="#tab2">Review</a>
							</li>
							<li><a href="#tab3">Complete</a>
							</li>
							<li><a href="#tab4">Sample sets</a>
							</li>
							<li><a href="#tab5">Find</a>
							</li>
						</ul>
						<div id="tab1">
							<form wicket:id="queryForm" method="post" action="?" style="padding: 15px">
								<table class="hfill">
									<tr>
										<td><label>Query engine:</label></td>
										<td class="inline-labels"><select wicket:id="engine" class="hfill"></select></td>
									</tr>
									<tr>
										<td><label>Query history:</label></td>
										<td class="inline-labels"><select wicket:id="historyQuery" class="hfill"></select></td>
									</tr>
									<tr>
										<td><label>Query:</label></td>
										<td><textarea wicket:id="query" class="hfill" rows="2" cols="64"></textarea></td>
									</tr>
									<tr>
										<td><label>Query comment:</label></td>
										<td><input class="hfill" type="text" wicket:id="comment" /></td>
									</tr>
								</table>
								<div class="buttons">
									<button wicket:id="queryButton">Submit query</button>
								</div>
							</form>
						</div>
						<div id="tab2">
							<form wicket:id="reviewForm" method="post" action="?" style="padding: 15px">
								<p>Display all instances of the specified type that you have already classified
									or set to "Check". This way you can revisit these items.</p>
								<table class="hfill">
									<tr>
										<td><label>Show disputed only:</label></td>
										<td class="inline-labels"><input type="checkbox" wicket:id="disputedOnly" /></td>
								</tr>
								</table>
								<div class="buttons">
									<button wicket:id="reviewButton">Review items</button>
								</div>
							</form>
						</div>
						<div id="tab3">
							<form wicket:id="completeForm" method="post" action="?" style="padding: 15px">
								<p>Display all instances of the specified type that at least one other user has already
									classified. Classify those items to help completing the task.</p>
								<div class="buttons">
									<button wicket:id="completeButton">Complete</button>
								</div>
							</form>
						</div>
						<div id="tab4">
							<form wicket:id="samplesetForm" method="post" action="?" style="padding: 15px">
								<table class="hfill">
									<tr>
										<td><label>Samplesets:</label></td>
										<td class="inline-labels"><select wicket:id="sampleset" class="hfill"></select>
										</td>
									</tr>
								</table>
								<div class="buttons">
									<button wicket:id="samplesetButton">Load sampleset</button>
								</div>
							</form>
						</div>
						<div id="tab5">
							<form wicket:id="findForm" method="post" action="?" style="padding: 15px">
								<p>Find instances of the selected type using a classifier.</p>
								<div class="centering">
									<div wicket:id="progress"></div>
								</div>
								<div class="buttons">
									<button wicket:id="findButton">Find</button>
									<button wicket:id="stopButton">Stop</button>
								</div>
							</form>
						</div>
					</div></td>
				<td class="vfill" style="width: 50%; padding: 0px;">
					<div class="ui-state-highlight ui-corner-all info ui-helper-reset vfill hfill">
						<div class="content">
							<span wicket:id="description"></span>
						</div>
					</div></td>
			</tr>
		</table>

		<form wicket:id="limit" class="limit">
			<fieldset class="inline-labels">
				<label>Limit results:</label> <span wicket:id="limitLabel">[span]</span> <input
					wicket:id="limitInput" type="text" style="width: 50px;" />
				<button wicket:id="limitButton">[button]</button>
			</fieldset>
		</form>

		<form wicket:id="filterForm" method="post" action="?">
			<fieldset>
				<legend>Filter</legend>
				<span wicket:id="filterGroup" class="inline-labels">[span]</span>
			</fieldset>
		</form>

		<form wicket:id="showColumnsForm" method="post" action="?">
			<fieldset class="inline-labels">
				<legend>Additional columns:</legend>
				<wicket:container wicket:id="showColumnsGroup">
					<wicket:container wicket:id="showColumnsList">
						<input wicket:id="checkbox" type="checkbox" />
						<label wicket:for="checkbox"><wicket:label>[label]</wicket:label></label>
					</wicket:container>
				</wicket:container>
			</fieldset>
		</form>

		<table class="hfill" style="border-collapse: collapse;" wicket:id="resultTable">
			<tr>
				<td>[table]</td>
			</tr>
		</table>

		<div class="buttons">
			<form wicket:id="saveForm">
				<button wicket:id="saveButton">Begin annotation</button>
				<button wicket:id="predictButton">Predict</button>
				<button wicket:id="samplesetButton">Add to sampleset</button>
			</form>
		</div>

		<div wicket:id="predictionModal"></div>
		<div wicket:id="samplesetModal"></div>
		<div wicket:id="analysisModal"></div>

		<div wicket:id="contextViewsContainer">
			<wicket:container wicket:id="contextViews">
				<wicket:container wicket:id="contextView" />
			</wicket:container>
		</div>
	</wicket:extend>
</body>
</html>
